<template>
  <el-breadcrumb separator-class="el-icon-arrow-right">
    <!--    <el-breadcrumb-item :to="{path: '/dashboard/home'}">首页</el-breadcrumb-item>-->
    <!--    <el-breadcrumb-item>{{ $route.meta.title }}</el-breadcrumb-item>-->
    <el-breadcrumb-item v-for="(item, index) in matchedRoutes" :key="index">
      {{ item.meta.title }}
    </el-breadcrumb-item>
  </el-breadcrumb>
</template>

<script>

export default {
  name: "Breadcrumb",
  data() {
    return {};
  },
  computed: {
    matchedRoutes() {
      return this.$route.matched;
    }
  }
}
</script>

<style scoped>

</style>